
<ul class="breadcrumb">
    <li><a href="http://fooplugins.com/plugins/footable-jquery/">FooTable</a> <span class="divider">&raquo;</span>
    </li>
    <li><a href="index.htm">Demos</a> <span class="divider">&raquo;</span></li>
    <li class="active">Showcase</li>
</ul>
<div class="grid">

    <!-- ===================================== END HEADER ===================================== -->

    <div class="col_12">
        <div class="col_12">
            <h3><strong>Documento de Copia</strong></h3>

        </div>
        <div class="col_12">
            <form name="efren-martinez" id="efren-martinez-form" method="post" action="contact.php">
                <div id="wrapping" class="clearfix">
                    <h3>Fecha:</h3>
                    <input type="date" name="fecha" id="fecha" placeholder="Fecha" autocomplete="off" tabindex="1" class="datepicker"/>    
                    <section id="cbcRangoFac">
                        <h3>Rango:</h3>
                        <select id="inicio" name="inicio" tabindex="2" class="selmenu">
                            <option value="rediseño">Rediseño</option>
                            <option value="programacion">Programacion</option>
                            <option value="desarrollo">Desarrollo</option>
                            <option value="aplicaciones">Aplicaciones</option>
                        </select>
                        <select id="final" name="final" tabindex="3" class="selmenu">
                            <option value="rediseño">Rediseño</option>
                            <option value="programacion">Programacion</option>
                            <option value="desarrollo">Desarrollo</option>
                            <option value="aplicaciones">Aplicaciones</option>
                        </select>
                    </section>
                    <br/>



                </div>

            </form>

            <div class="col_12">     
                <h3><strong>Encabezados</strong></h3>

            </div>
            <div class="col_12">



                <div class="tab-pane active" id="demo">

                    <p>
                        Busqueda: <input id="filter" type="text"/>
                        Estado:
                        <select class="filter-status">
                            <option></option>
                            <option value="active">Active</option>
                            <option value="disabled">Disabled</option>
                            <option value="suspended">Suspended</option>
                        </select>
                        <a href="#clear" class="clear-filter" title="clear filter"><i class="icon-rss"></i> Limpiar</a>
                        <span class="row-count"></span>
                    </p>
                    <table class="table demo" data-filter="#filter" data-page-size="5">
                        <thead>
                            <tr>
                                <th data-toggle="true">
                                    Tipo Doc
                                </th>
                                <th>
                                    # Documento
                                </th>
                                <th data-hide="phone,tablet">
                                    Cliente
                                </th>
                                <th data-hide="phone,tablet">
                                    Total
                                </th>
                                <th data-hide="phone,tablet" data-name="Date Of Birth">
                                    Bruto
                                </th>
                                <th data-hide="phone">
                                    Descuento
                                </th>
                                <th data-toggle="true">
                                    IV
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Isidra</td>
                                <td>345</td>
                                <td><a href="#">Boudreaux</a></td>
                                <td>Traffic Court Referee</td>
                                <td data-value="78025368997">22 Jun 1972</td>
                                <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                <td>Costa Rica</td>
                            </tr>
                            <tr>
                                <td>Shona</td>
                                <td>345</td>
                                <td>Woldt</td>
                                <td><a href="#">Airline Transport Pilot</a></td>
                                <td data-value="370961043292">3 Oct 1981</td>
                                <td data-value="2"><span class="status-metro status-disabled" title="Disabled">Disabled</span></td>
                                <td>Costa Rica</td>
                            </tr>
                            <tr>
                                <td>Granville</td>
                                <td>345</td>
                                <td>Leonardo</td>
                                <td>Business Services Sales Representative</td>
                                <td data-value="-22133780420">19 Apr 1969</td>
                                <td data-value="3"><span class="status-metro status-suspended" title="Suspended">Suspended</span></td>
                                <td>Panama</td>
                            </tr>
                            <tr>
                                <td>Easer</td>
                                <td>345</td>
                                <td>Dragoo</td>
                                <td>Drywall Stripper</td>
                                <td data-value="250833505574">13 Dec 1977</td>
                                <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                <td>Panama</td>
                            </tr>
                            <tr>
                                <td>Maple</td>
                                <td>345</td>
                                <td>Halladay</td>
                                <td>Aviation Tactical Readiness Officer</td>
                                <td data-value="694116650726">30 Dec 1991</td>
                                <td data-value="3"><span class="status-metro status-suspended" title="Suspended">Suspended</span></td>
                                <td>Colombia</td>
                            </tr>
                            <tr>
                                <td>Maxine</td>
                                <td>345</td>
                                <td><a href="#">Woldt</a></td>
                                <td><a href="#">Business Services Sales Representative</a></td>
                                <td data-value="561440464855">17 Oct 1987</td>
                                <td data-value="2"><span class="status-metro status-disabled" title="Disabled">Disabled</span></td>
                                <td>Colombia</td>
                            </tr>
                            <tr>
                                <td>Lorraine</td>
                                <td>345</td>
                                <td>Mcgaughy</td>
                                <td>Hemodialysis Technician</td>
                                <td data-value="437400551390">11 Nov 1983</td>
                                <td data-value="2"><span class="status-metro status-disabled" title="Disabled">Disabled</span></td>
                                <td>Nicaragua</td>
                            </tr>
                            <tr>
                                <td>Lizzee</td>
                                <td>345</td>
                                <td><a href="#">Goodlow</a></td>
                                <td>Technical Services Librarian</td>
                                <td data-value="-257733999319">1 Nov 1961</td>
                                <td data-value="3"><span class="status-metro status-suspended" title="Suspended">Suspended</span></td>
                                <td>Nicaragua</td>
                            </tr>
                            <tr>
                                <td>Judi</td>
                                <td>345</td>
                                <td>Badgett</td>
                                <td>Electrical Lineworker</td>
                                <td data-value="362134712000">23 Jun 1981</td>
                                <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                <td>Mexico</td>
                            </tr>
                            <tr>
                                <td>Lauri</td>
                                <td>345</td>
                                <td>Hyland</td>
                                <td>Blackjack Supervisor</td>
                                <td data-value="500874333932">15 Nov 1985</td>
                                <td data-value="3"><span class="status-metro status-suspended" title="Suspended">Suspended</span></td>
                                <td>Mexico</td>
                            </tr>
                        </tbody>
                        <tfoot class="hide-if-no-paging">
                            <tr>
                                <td colspan="12">
                                    <div class="pagination pagination-centered"></div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                <div class="col_12">
                    <h3><strong>Detalle de Documento</strong></h3>

                </div>

                <div class="tab-pane active" id="demo">

                    <p>
                        Busqueda: <input id="filter2" type="text"/>
                        Estado:
                        <select class="filter-status2">
                            <option></option>
                            <option value="active">Active</option>
                            <option value="disabled">Disabled</option>
                            <option value="suspended">Suspended</option>
                        </select>
                        <a href="#clear2" class="clear-filter" title="clear filter"><i class="icon-rss"></i> Limpiar</a>
                        <span class="row-count"></span>
                    </p>
                    <table class="table demo" data-filter="#filter2" data-page-size="5">
                        <thead>
                            <tr>
                                <th data-toggle="true">
                                    Art&iacute;culo
                                </th>
                                <th>
                                    MAX
                                </th>
                                <th data-hide="phone,tablet">
                                    MIN
                                </th>
                                <th data-hide="phone,tablet" data-name="Date Of Birth">
                                    Total
                                </th>
                                <th data-hide="phone">
                                    Bruto
                                </th>
                                <th data-hide="phone">
                                    IV
                                </th>
                                <th data-hide="phone">
                                    PDF
                                </th>
                                <th data-hide="phone">
                                    MDF
                                </th>
                                <th data-hide="phone">
                                    PDP
                                </th>
                                <th data-hide="phone">
                                    MDP
                                </th>
                                <th data-hide="phone">
                                    PDC
                                </th>
                                <th data-hide="phone">
                                    MDC
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Isidra</td>
                                <td>Isidra</td>
                                <td><a href="#">Boudreaux</a></td>
                                <td>Traffic Court Referee</td>
                                <td data-value="78025368997">22 Jun 1972</td>
                                <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                <td>Costa Rica</td>
                            </tr>
                            <tr>
                                <td>Shona</td>
                                <td>Isidra</td>
                                <td>Woldt</td>
                                <td><a href="#">Airline Transport Pilot</a></td>
                                <td data-value="370961043292">3 Oct 1981</td>
                                <td data-value="2"><span class="status-metro status-disabled" title="Disabled">Disabled</span></td>
                                <td>Costa Rica</td>
                            </tr>
                            <tr>
                                <td>Granville</td>
                                <td>Isidra</td>
                                <td>Leonardo</td>
                                <td>Business Services Sales Representative</td>
                                <td data-value="-22133780420">19 Apr 1969</td>
                                <td data-value="3"><span class="status-metro status-suspended" title="Suspended">Suspended</span></td>
                                <td>Panama</td>
                            </tr>
                            <tr>
                                <td>Easer</td>
                                <td>Isidra</td>
                                <td>Dragoo</td>
                                <td>Drywall Stripper</td>
                                <td data-value="250833505574">13 Dec 1977</td>
                                <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                <td>Panama</td>
                            </tr>
                            <tr>
                                <td>Maple</td>
                                <td>Isidra</td>
                                <td>Halladay</td>
                                <td>Aviation Tactical Readiness Officer</td>
                                <td data-value="694116650726">30 Dec 1991</td>
                                <td data-value="3"><span class="status-metro status-suspended" title="Suspended">Suspended</span></td>
                                <td>Colombia</td>
                            </tr>
                            <tr>
                                <td>Maxine</td>
                                <td>Isidra</td>
                                <td><a href="#">Woldt</a></td>
                                <td><a href="#">Business Services Sales Representative</a></td>
                                <td data-value="561440464855">17 Oct 1987</td>
                                <td data-value="2"><span class="status-metro status-disabled" title="Disabled">Disabled</span></td>
                                <td>Colombia</td>
                            </tr>
                            <tr>
                                <td>Lorraine</td>
                                <td>Isidra</td>
                                <td>Mcgaughy</td>
                                <td>Hemodialysis Technician</td>
                                <td data-value="437400551390">11 Nov 1983</td>
                                <td data-value="2"><span class="status-metro status-disabled" title="Disabled">Disabled</span></td>
                                <td>Nicaragua</td>
                            </tr>
                            <tr>
                                <td>Lizzee</td>
                                <td>Isidra</td>
                                <td><a href="#">Goodlow</a></td>
                                <td>Technical Services Librarian</td>
                                <td data-value="-257733999319">1 Nov 1961</td>
                                <td data-value="3"><span class="status-metro status-suspended" title="Suspended">Suspended</span></td>
                                <td>Nicaragua</td>
                            </tr>
                            <tr>
                                <td>Judi</td>
                                <td>Isidra</td>
                                <td>Badgett</td>
                                <td>Electrical Lineworker</td>
                                <td data-value="362134712000">23 Jun 1981</td>
                                <td data-value="1"><span class="status-metro status-active" title="Active">Active</span></td>
                                <td>Mexico</td>
                            </tr>
                            <tr>
                                <td>Lauri</td>
                                <td>Isidra</td>
                                <td>Hyland</td>
                                <td>Blackjack Supervisor</td>
                                <td data-value="500874333932">15 Nov 1985</td>
                                <td data-value="3"><span class="status-metro status-suspended" title="Suspended">Suspended</span></td>
                                <td>Mexico</td>
                            </tr>
                        </tbody>
                        <tfoot class="hide-if-no-paging">
                            <tr>
                                <td colspan="12">
                                    <div class="pagination pagination-centered"></div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <section id="buttons" class="center">
                    <input type="reset" name="reset" id="resetbtn" class="blue" value="Todo">
                    <input type="submit" name="submit" id="submitbtn" class="blue" tabindex="7" value="Rango">
                    <input type="submit" name="submit" id="submitbtn" class="blue" tabindex="7" value="Imprimir">
                    <br style="clear:both;">
                </section>



            </div>





        </div>
    </div><!-- END COL12 --> 





</div><!-- END GRID --> 






